<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>

    <!--360 browser -->
    <meta name="renderer" content="webkit">
    <meta name="author" content="wos">
    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="images/i/app.png">
    <!--Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="images/i/app.png">
    <!--Win8 or 10 -->
    <meta name="msapplication-TileImage" content="images/i/app.png">
    <meta name="msapplication-TileColor" content="#e1652f">

    <link rel="icon" type="image/png" href="images/i/favicon.png">
    <link rel="stylesheet" href="{$Think.const.COMMON_URL}/Css/amazeui.min.css">
    <link rel="stylesheet" href="__CSS__/public.css">

    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="{$Think.const.COMMON_URL}/Js/jquery.min.js"></script>
    <!--<![endif]-->
    <!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="$Think.const.COMMON_URL}/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    <script src="{$Think.const.COMMON_URL}/Js/amazeui.min.js"></script>
    <script src="__JS__/public.js"></script>
</head>
<body>
    <style type="text/css">
        .banner {
            margin-top:0 !important;
        }
        .am-topbar {
            background-color:#FC605A;
        }
        .tab-li {
            margin:0 auto;
        }
        .zjq-car-list {
            background-color:#fea2a3 !important;
            height:180px !important;
            padding:0px !important;
            border-radius: 5px !important;
        }
        .zjq-car-img {
            display:inline-block;
        }


        .zjq-car-list img{
            width:200px;
            height:180px;
        }

    </style>

<header class="am-topbar am-topbar-fixed-top wos-header">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="#" style="color:white">镭峰出行</a>
        </h1>

        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>

        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li><a href="index.html">首页</a></li>
                <li><a href="#">资讯</a></li>
                <li><a href="#">专栏</a></li>
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                        案例 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">案例</li>
                        <li><a href="#">1. 游戏案例</a></li>
                        <li><a href="#">2. 营销案例</a></li>
                        <li><a href="#">3. 工具案例</a></li>
                    </ul>
                </li>
                <li class="am-active"><a href="#">评测</a></li>
                <li><a href="#">活动</a></li>
            </ul>

            <div class="am-topbar-right">
                <button class="am-btn am-btn-default am-topbar-btn am-btn-sm"><span class="am-icon-pencil"></span>注册</button>
            </div>

            <div class="am-topbar-right">
                <button class="am-btn am-btn-danger am-topbar-btn am-btn-sm"><span class="am-icon-user"></span> 登录</button>
            </div>
        </div>
    </div>
</header>
<!--banner-->
<div class="banner">
    <div class="am-g am-container padding-none">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-8 padding-none">
            <div data-am-widget="slider" class="am-slider am-slider-c1" data-am-slider='{"directionNav":false}' >
                <ul class="am-slides">
                    <li>
                        <img src="__IMG__/1.png">
                        <div class="am-slider-desc">远方 有一个地方 那里种有我们的梦想</div>
                    </li>
                    <li>
                        <img src="__IMG__/2.png">
                        <div class="am-slider-desc">某天 也许会相遇 相遇在这个好地方</div>

                    </li>

                </ul>
            </div>

        </div>
    </div>
</div>
    <style type="text/css">
        .top-box {
            border-bottom: 1px solid #d4d4d4;
            background-color:#f2f2f2;
        }
        .top-right-box {
            display: inline-block;
            border-right: 1px solid #d4d4d4;
            padding:5px;
            width:49%;
        }

        .top-left-box {
            display: inline-block;
            padding:5px;
            width:49%;
        }
        .active-top-box {
            border-bottom: 3px solid #f2a940;
            color:#f2a940;
        }
        .content-box {
            background-color: #f7f7f7;
            padding-top:20px;
            padding-bottom: 40px;
        }
        .car-li{
            float:left;
            width:40%;
            border:1px solid #d0d0d0;
            margin-left:6%;
            margin-bottom: 15px;
        }
        .car-img {
            background-color: white;
        }
        .car-img img {
            padding:10px;
        }
        .car-detail {
            height:40px;
            background-color: #b3e1e1;
        }
        .car-name-box {
            color:white;
        }
    </style>
    <!--主体内容开始-->
    <div class="main-box">
       <div class="top-box">
           <div class="top-right-box am-text-center active-top-box"><span>全部</span></div>
           <div class="top-left-box am-text-center"><span>能租的</span></div>
       </div>
        <div class="content-box am-cf">
            <div class="car-li">
                <div class="car-img">
                    <img src="__IMG__/20161101220507.png" width="100%">
                </div>
                <div class="car-detail am-text-center">
                    <span class="am-text-middle car-name-box">小龟|60V</span>
                    <span class="am-text-middle"><img src="__IMG__/zulin.png" width="40px" height="40px"/></span>
                </div>
            </div>
            <div class="car-li">
                <div class="car-img">
                    <img src="__IMG__/20161101220507.png" width="100%">
                </div>
                <div class="car-detail am-text-center">
                    <span class="am-text-middle car-name-box">小龟|60V</span>
                    <span class="am-text-middle"><img src="__IMG__/zulin.png" width="40px" height="40px"/></span>
                </div>
            </div>
            <div class="car-li">
                <div class="car-img">
                    <img src="__IMG__/20161101220507.png" width="100%">
                </div>
                <div class="car-detail am-text-center">
                    <span class="am-text-middle car-name-box">小龟|60V</span>
                    <span class="am-text-middle"><img src="__IMG__/zulin.png" width="40px" height="40px"/></span>
                </div>
            </div>
        </div>
    </div>



<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
    <a href="#top" title="回到顶部">
        <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-chevron-up"></i>
    </a>
</div>

</body>
</html>